/* 暗色主题 */
html[data-theme="dark"] {
  --bg-primary: #141414; /* 背景 */
  --bg-secondary: #383737; /* 次级背景 */
  --border-color: #4c4d4f; /* 边框颜色 */
  --themeColor: "#409EFF"; /* 主题色 */
  /* 布局配置演示 */
  --layout-header-bg: #363637;
  --layout-menu-bg: #4c4d4f;
  --layout-main-bg: #2b2b2c;
  --bg-code: #262727;
  --text-secondary: #909399;
  --shadow-color: #67696c;
  --text-primary: #e0e0e0; /* 主要文本颜色 */
  --text-secondary: #bfbfbf; /* 浅色文本颜色 */
  --accent-color: #ffffff; /* 深色文本颜色 */
}

/* 亮色主题 */
html {
  --bg-primary: #ffffff;
  --bg-secondary: #f1f3f6;
  --border-color: #dcdfe6;
  --themeColor: "#409EFF"; /* 主题色 */
  --layout-header-bg: #dcdfe6;
  --layout-menu-bg: #ebeef5;
  --layout-main-bg: #f2f6fc;
  --bg-code: #f5f7fa;
  --text-secondary: #606266;
  --shadow-color: #c5c3c3;
  --text-primary: #333;
  --text-secondary: #606266; /* 浅色文本颜色 */
  --accent-color: #000; /* 深色文本颜色 */
}
